$(function () {
    $("#bootstrap-table").bootstrapTable({
        method : 'get', // 服务器数据的请求方式 get or post
        url : baseURL + 'AdvConfigure/configure/page', // 服务器数据的加载地址
        showRefresh : true,
        showToggle : true,
		showColumns : true,
		showExport :true,
		sortName:"id",// 排序列名称
		sortOrder: "desc", 
		sortable: true,
		toolbar : '#exampleToolbar',
 		striped : true, // 设置为true会有隔行变色效果
		dataType : "json", // 服务器返回的数据类型
		pagination : true, // 设置为true会在底部显示分页条
		// queryParamsType : "limit",
		// //设置为limit则会发送符合RESTFull格式的参数
		singleSelect : false, // 设置为true将禁止多选
		// contentType : "application/x-www-form-urlencoded",
		// //发送到服务器的数据编码类型
		pageSize : 10, // 如果设置了分页，每页数据条数
		pageNumber : 1, // 如果设置了分布，首页页码
		// search : true, // 是否显示搜索框
		sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
		// "server"    
		queryParams : function(params) {
			var search = vm.search;
			search.limit =params.limit,
			search.offset = params.offset,
			search.sidx = params.sort, //排序列名  
			search.order= params.order //排位命令（desc，asc） 
 			return search;  
 		},
 		
        columns: [		
        {
				checkbox : true
		},	
 
 		// {
		// 		field : 'id', // 列字段名
		// 		title : '主键id', // 列标题
		// 		sortable: true
		// },
			 		
 
 		{
				field : 'picUrl', // 列字段名
				title : '图片url', // 列标题
				sortable: true,
			formatter:function (value,row,index)
			{
				// return '<img  src= http://47.111.167.101:8081/ '+value+' width="50" height="50" class="img-rounded" >';
				return '<img  src= '+imgURL +''+value+' width="50" height="50" class="img-rounded" >';
			}
		},
			 		
		//
 		// {
		// 		field : 'cateId', // 列字段名
		// 		title : '分类', // 列标题
		// 		sortable: true
		// },
		//
		//
 		// {
		// 		field : 'productId', // 列字段名
		// 		title : '商品', // 列标题
		// 		sortable: true
		// },
		//
		//
 		// {
		// 		field : 'storeId', // 列字段名
		// 		title : '店铺', // 列标题
		// 		sortable: true
		// },
		//
 
 		{
				field : 'advUrl', // 列字段名
				title : '广告url ', // 列标题
				sortable: true
		},
			 		
 
 		{
				field : 'dicCode', // 列字段名
				title : '广告位编码', // 列标题
				sortable: true
		},
			 		
 
 		// {
		// 		field : 'del', // 列字段名
		// 		title : '是否删除 0->不删除。1->删除', // 列标题
		// 		sortable: true
		// },
			 		
 
 		{
				field : 'name', // 列字段名
				title : '广告名称', // 列标题
				sortable: true
		},
			 		
 
 		// {
		// 		field : 'advPositionId', // 列字段名
		// 		title : '广告位id', // 列标题
		// 		sortable: true
		// },
			 		
 
 		{
				field : 'sort', // 列字段名
				title : '排序', // 列标题
				sortable: true
		},
			 		
 
 		// {
		// 		field : 'platformApply', // 列字段名
		// 		title : '0->pc段，1->移动端', // 列标题
		// 		sortable: true
		// },
		//

		{
				title : '操作',
				field : 'id',
				align : 'center',
				formatter : function(value, row,index) 
				{
					var e = '<a  class="btn btn-primary btn-sm '
						+ ''
					    + '" href="#" mce_href="#" title="编辑" onclick="edit(\''
					    + row.id
					    + '\')"><i class="fa fa-edit "></i></a> ';
					var d = '<a class="btn btn-warning btn-sm '
						+ ''
						+ '" href="#" title="删除"  mce_href="#" onclick="remove(\''
						+ row.id
						+ '\')"><i class="fa fa-remove"></i></a> ';
															 
					return e + d;
																		
				}
		}
        ],
		
    });
	$("#advPositionId").selectpicker({
		noneSelectedText: '请选择文章分类',
		liveSearchPlaceholder: "请输入关键字",
		noneResultsText: "内容无法匹配"
	});
	getAdvPositionList();
});
function getAdvPositionList() {
	$.ajax({
		url: baseURL + "AdvPosition/advposition/list",//写你自己的方法，返回map，我返回的map包含了两个属性：data：集合，total：集合记录数量，所以后边会有data.data的写法。。。
		// 数据发送方式
		type: "get",
		// 接受数据格式
		dataType: "json",
		// 要传递的数据
		data: 'data',

		// 回调函数，接受服务器端返回给客户端的值，即result值
		success: function (data) {

			if (!data.data || data.data.length == 0) {
				alert("还没添加广告位，请先添加广告位");
			}

			$.each(data.data, function (i) {
				$('#advPositionId').append(
					"<option value=" + data.data[i].id + ">"
					+ data.data[i].name + "</option>");
			});

			//$('#advertsId').selectpicker('render');
			$('#advPositionId').selectpicker('refresh');

			$('#advPositionId').selectpicker('render');

		},
		error: function (data) {

			alert("查询失败" + data);

		}
	})

};
var vm = new Vue({
	el:'#rrapp',
	data:{
		search : {
					
				},
		showList: true,
		title: null,
		imgUrl: null,
		configure: {}
	},
	created: function () {
		this.initComponent();
	},
	methods: {
		query: function () {
			vm.reload();
		},
		add: function(){
			vm.showList = false;
			vm.title = "新增";
			vm.configure = {};
		},
		update: function (event) {
			var id = getSelectedRow();
			if(id == null){
				return ;
			}
			vm.showList = false;
            vm.title = "修改";
            vm.getInfo(id.id);
 		},
		saveOrUpdate: function (event) {
			// vm.configure.dicCode = $("#advPositionId  option:selected").text();
			vm.configure.advPositionId = $("#advPositionId  option:selected").val();
			var url = vm.configure.id == null ? "AdvConfigure/configure/save" : "AdvConfigure/configure/update";
			$.ajax({
				type: "POST",
			    url: baseURL + url,
                contentType: "application/json",
			    data: JSON.stringify(vm.configure),
			    success: function(r){
			    	if(r.code === 0){
						alert('操作成功', function(index){
							vm.reload();
						});
					}else{
						alert(r.msg);
					}
				}
			});
		},
		del: function (event) {
			var ids = getSelectedRows();
			if(ids == null){
				return ;
			}
				ids = $.map(ids, function(row) {
						return row.id;
					});
			confirm('确定要删除选中的记录？', function(){
				$.ajax({
					type: "POST",
				    url: baseURL + "AdvConfigure/configure/delete",
                    contentType: "application/json",
				    data: JSON.stringify(ids),
				    success: function(r){
						if(r.code == 0){
							alert('操作成功', function(index){
								$("#jqGrid").trigger("reloadGrid");
							});
						}else{
							alert(r.msg);
						}
					}
				});
			});
		},
		getInfo: function(id){
			$.get(baseURL + "AdvConfigure/configure/info/"+id, function(r){
                vm.configure = r.configure;
                vm.imgUrl=imgURL+r.configure.picUrl;
				$('#advPositionId').selectpicker("val", vm.configure.advPositionId);
            });
		},
		reload: function (event) {
			vm.showList = true;
			$('#bootstrap-table').bootstrapTable('refresh');
		},
		initComponent: function () {

			Vue.nextTick(function () {
				layui.use('upload', function () {
					var $ = layui.jquery
						, upload = layui.upload;

					//普通图片上传
					var uploadInst = upload.render({
						elem: '#test1'
						, url: baseURL + 'sys/oss/old/upload'
						, before: function (obj) {
							//预读本地文件示例，不支持ie8
							obj.preview(function (index, file, result) {
								$('#demo1').attr('src', result); //图片链接（base64）
							});
						}
						, done: function (res) {
							//如果上传失败
							console.log(JSON.stringify(res), "done");
							if (res.code > 0) {
								return layer.msg('上传失败');
							}
							vm.configure.picUrl = res.data[0];
							layer.msg('上传成功');
							//上传成功
						}
						, error: function () {
							//演示失败状态，并实现重传
							var demoText = $('#demoText');
							demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
							demoText.find('.demo-reload').on('click', function () {
								uploadInst.upload();
							});
						}
					});
				});
			});
		}
	}
});


		function edit(id) {

			// layer.open({
			// 	type : 2,
			// 	title : '编辑',
			// 	maxmin : true,
			// 	//shadeClose : false, // 点击遮罩关闭层
			// 	area : [ '800px', '520px' ],
			// 	content : "configureEdit.html?id=" + id // iframe的url
			// });
			vm.showList = false;
			vm.title = "修改";
			debugger;
			vm.getInfo(id);

		}

		function remove(id) {
			var arr = new Array();
			arr.push(id);
			confirm('确定要删除选中的记录？', function() {

				$.ajax({
					type : "POST",
					url : baseURL + "AdvConfigure/configure/delete",
					contentType : "application/json",
					data : JSON.stringify(arr),
					success : function(r) {
						if (r.code == 0) {
							alert('操作成功', function() {
								vm.reload();
							});
						} else {
							alert(r.msg);
						}
					}
				});
			});
		}